text-shadowを使って
袋文字や立体的な文字を表現
text-shadow (text-shadow:#2C2727 10px 20px 5px)
グロー (text-shadow:#7D2A17 0 0 20px)
袋文字■ (text-shadow:#f33 1px 1px 0,#f33 1px -1px 0,#f33 -1px 1px 0,#f33 -1px -1px 0)
袋文字の比較■ (text-shadow:#f33 1px 0 0,#f33 0 1px 0,#f33 -1px 0 0,#f33 0 -1px 0)
袋文字を利用した写真と文字の重ね合わせ
Cherry blossomCherry blossomCherry blossom
確認用の文字べベル
確認用の文字エンボス
文字からの発光
文字からの発光
文字からの発光
文字からの発光
アルファ値と文字の重ね合わせ
■
■柔軟な考え方が大切だ■
常識にも疑問を持ち、前提条件を「常に正しい」とは思い込まない柔軟な考え方が大切だ
!!常識にも疑問を持ち、前提条件を「常に正しい」とは思い込まない柔軟な考え方が大切だ
こんな装飾も可能です